<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Title</title>
    <link   rel="stylesheet" href="commons.css" />
    <style type="text/css">
        #i1{
            background-color: #6F6266;
            height: 48px;
        }
        #i2{
            background-color: #6F6266;
            height: 48px;
        }
        .c1{
            background-color: antiquewhite;
            height: 15px;
        }
        div{
            background-color: rebeccapurple;
            color: white;
        }
        span div{
            background-color: black;
            color: white;
        }
        .c1 div{
            background-color: antiquewhite;
            height: 15px;
        }
        input[type='text']{
            background-color: antiquewhite;
            height: 15px;
        }
        .c1[n='666']{
            background-color: black;
            height: 15px;
        }
    </style>
</head>
<body>
    <div style="background-color: #6F6266;height: 48px;">fff</div>
    <div id="i1">asdfsadfsdf</div>
    <div class="c1">asdfsadfsdf</div>
    <div class="c1" n="666">666666</div>
    <div>asdfsadfsd</div>
    <input type="text" />
    <input type="password" />
</body>
</html>